<template>
  <div class="table-box">
    <el-table border :data="tableData" style="width: 100%;font-size: 10px;">
      <el-table-column type="selection" width="35" align="center">
      </el-table-column>
      <el-table-column prop="id" label="ID" width="45" align="center">
      </el-table-column>
      <el-table-column prop="date" label="Date" width="180" />
      <el-table-column prop="name" label="Name" width="180" />
      <el-table-column prop="address" label="Address" />
      <el-table-column width="50" fixed="right" label="操作" align="center">
        <template #default="{ row, $index: index }">
          <el-dropdown>
            <el-button :icon="MoreFilled" circle />
            <template #dropdown>
              <el-dropdown-menu :size="small">
                <el-dropdown-item @click="clickLook(row)">查看</el-dropdown-item>
                <el-dropdown-item>限制</el-dropdown-item>
                <el-dropdown-item>锁定</el-dropdown-item>
                <el-dropdown-item>登出</el-dropdown-item>
              </el-dropdown-menu>
            </template>
          </el-dropdown>
        </template>
      </el-table-column>
    </el-table>
  </div>
</template>
<script setup>
import API from '@/api'
import { ref, onBeforeMount } from 'vue'
import { useRoute, useRouter } from "vue-router";
const VueRoute = useRoute();
const PageQuery = ref(null)
onBeforeMount(() => {
    let Route = VueRoute
    let Query = Route.query
    PageQuery.value = Query
})
</script>

<style></style>
